﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="./dist/js/jquery-3.4.1.min.js"></script>
    <script src="./dist/js/bootstrap.js"></script>
    <script src="./dist/js/network.js"></script>
    <link href="./dist/css/bootstrap.css" rel="stylesheet" />
    <style>
      
        html,body{
            height:100%;
            width:100%;
            background-color:#f1f2f7;
        }
        input[type=datetime-local]::-webkit-inner-spin-button {
            visibility:hidden;
        }
        #menuMain{
            list-style:none;
            margin:0;
            padding:0;
            width:100%;
           
   
        }
        #menuMain > li {
            width:100%;
            padding:10px;
        }
        #menuMain>li>ul{
            list-style:none;
            margin:0;
            padding:0;
            display:none;
            width:100%;
        }
       #menuMain > li > ul > li {
           margin:10px;
        }
        .icon {
            margin-left:40px;
        }
      h1{
         width:29px;
         float:right;
      }
        .panel {
            width:100px;
            height:100px;
        }
        .Hclass {
            height:100px;
            width:70px
        }
        #item>div{
            line-height:70px;

        }
        #item > div > span {
              margin-left:30px;
              font-size:15px;
              color:#a7a4a4;
            }
    </style>
    <script>
        $(function (){
            $("#menuMain>li>a").each(function (i, v) {
                $(v).on("click", function () {
                    $("#menuMain>li>ul").each(function (i2, v2) {
                        $(v2).stop().hide(200)

                    })
                    if ($(this).next().next().is(":hidden")) {
                        $(this).next().text("▼").next().stop().show(200)
                    } else {
                        $(this).next().text("▶").next().stop().hide(200)
                    }

                })
            });
            $("#hanbaoger").on("click", function ()
            {
                
                if ($("#dhdiv").is(":hidden")) {
                    $("#titlediv").css({ width: "90%" })
                    $("#dhdiv").show()
                } else {
                    $("#titlediv").css({ width: "100%" })
                    $("#dhdiv").hide()
                }
                
            })
        })
    </script>
</head>
<body>
<div style="width:100%;height:100%;display:flex;flex-flow:row nowrap">
    <div style="height:100%;width:10%;background-color:#2a3542;font-size:10px;color:#808080" id="dhdiv">
        <div style="margin-left:10px;padding-top:20px">
            后台首页
        </div>
        <ul id="menuMain">

            <li>
                <a>产品管理</a>
                <span class="icon">▶</span>
                <ul>
                    <li><a style="cursor:pointer">产品列表</a></li>
                    <li><a>产品分类</a></li>
                    <li>风控管理</li>
                    <li>产品回收站</li>
                </ul>
            </li>
            <li>
                <a>订单管理</a>
                <span class="icon">▶</span>
                <ul>
                    <li>交易流水</li>
                    <li>平仓设置</li>

                </ul>
            </li>
            <li>
                <a>用户管理</a>
                <span class="icon">▶</span>
                <ul>
                    <li>客户列表</li>
                    <li>我的团队</li>
                    <li>充值列表</li>
                    <li>体现列表</li>
                    <li>手动充值</li>
                </ul>
            </li>
            <li>
                <a>报表管理</a>
                <span class="icon">▶</span>
                <ul>
                    <li>红利报表</li>
                    <li>佣金报表</li>
                    <li>资金报表</li>
                    <li>个人报表</li>
                </ul>
            </li>
            <li>
                <a>参数管理</a>
                <span class="icon">▶</span>
                <ul>
                    <li>基本设置</li>
                    <li>参宿设置</li>
                    <li>添加设置</li>
                    <li>配置管理</li>
                </ul>
            </li>
            <li>
                <a>系统设置</a>
                <span class="icon">▶</span>
                <ul>
                    <li>添加管理员</li>
                    <li>管理员列表</li>
                    <li>提现银行卡</li>
                    <li>充值配置</li>
                    <li>微信设置</li>
                    <li>数据备份</li>
                </ul>
            </li>
            <li><input type="button" value="退出" /></li>
        </ul>
    </div>
    <div style="width:90%;" id="titlediv">
        <nav class="navbar navbar-dark navbar-expand-lg " style="height:7%;position:relative;background-color:#ffffff">
            <a href="#" class="navbar-brand" style="color:#000000">后台管理</a>
            <div style="width:50px;height:50px;background-color:aqua" id="hanbaoger">
                <span class="hanbager"></span>
            </div>
            <div class="dropdown-menu" >
                <a href="/admin/logout" style="text-decoration:none;font-size:15px;">
                    安全退出
                </a>
            </div>
        </nav>
        <div class="container-fluid" style="height:93%">
           
        </div>
        </div>
    
</div>

    
</body>
</html>
